<!DOCTYPE html>
<script src="./static/lib/vue.js"></script>

<div id="vue">
	<input type="text" v-model="text">
	<input type="text" v-model="text2">
	<div id="res2">{{ result }}</div>
</div>

<script>
var vm = new Vue({
	el: '#vue',
	data: {
		text: 5,
		text2: 0,
	},
	computed: {
		result: function() {
			return this.text * 1 + this.text2 * 1
		},
	},
})

</script>

<script src="">
// 计算属性 computed
// 定义: 是用一个字段的名称来定义一个计算属性函数,这个字段的名称不能和data里面的字段重复
// 当计算属性代码块里面包含的数据发生变化的时候,计算属性会重新计算结果, 结果用return来返回

// 课堂练习 在页面上创建三个input输入框, 分别绑定a,b,c三个变量, 用用计算属性在页面上显示 (a * b - c + a) * 4 的运算结果
</script>
